<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
    <script src="../js/Vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
    <script src="../js/axios.js"></script>

</head>
<body>
<div >
    <span @click="seeExa(scope.row)" class="mr15">查看试卷</span>
</div>
<input id="test" v-on:blur="aaa()">
<div id="app" v>
<!--    {{message}}-->
</div>
<div>

                    <span style="position: absolute; color: red;font-size: 100px">
                        aaaa
                    </span>


<i class="layui-icon">&#xe60c;</i>

<i class="layui-icon layui-icon-face-smile" style="font-size: 30px; color: #1E9FFF;"></i>
</div>
<div id="app-2">
  <span v-bind:="message">
    鼠标悬停几秒钟查看此处动态绑定的提示信息！
  </span>
</div>

<script type="text/javascript">
    var app2 = new Vue({
        el: '#app-2',
        data: {
            message: '页面加载于 '
        }
    })
</script>
<script type="text/javascript">
    new Vue({
        el: "#test",
        methods:{
            aaa(){
                alert("yes");
                console.log("yes");
            }
        }
    })
</script>
<script type="text/javascript">
    new Vue({
        el: '#app',

        data() {
            return {
                info: null
            }
        },
        mounted(){
            axios.get("http://localhost:8080/queryAllBlogs")
                .then(response => (this.info = response))
                .catch(function (error) {
                    console.log(error);
                })
        }
    })
</script>
</body>
</html>
<script>
    import {Layui} from "../layui/layui";
    export default {
        components: {Layui}
    }
</script>